<!DOCTYPE html>
<html>
<head>
    <title>物流详情</title>
    <%- include('../../../_global/baseLibs') %>

    <style>
        .dzxx-box{
            color: #FC9400;
            font-size: 14px;
            padding: 1.2rem;
            border-bottom: 1px dashed #C8C8C8;
        }
        .dzxx-box img{
            width: 0.8rem;
            margin-bottom: 0.2rem;
        }
        .dzxx-box label{
            width: 5.5rem;
            display: inline-block;
        }
        .wl-line{
            padding-top: 2rem;
            padding-left: 1.8rem;
        }
        .wlxx-item{
            color: #B4B4B4;
            height: 4rem;
        }
        .wlxx-item-curr{
            color:  #32A2F8;
        }
        .wlsj-box, .wlxx-desc{
            float: left;
        }
        .wlxx-item img{
            float: left;
            width: 0.7rem;
            height: 0.7rem;
            margin: 0.3rem 0.8rem;
            position: relative;
        }
        .wlsj-box{
            text-align: right;
        }
        .wlsj-box p{
            width: 4rem;
            line-height: 1.3rem;
        }
        .wlsj-rq{
            font-size: 14px;
        }
        .wlsj-sj{
            font-size: 10px;
        }
        .wlxx-desc{
            font-size: 16px;
            width: 15rem;
        }
        .wl-linked{
            height: 4rem;
            width: 2px;
            border: 1px solid #CACED4;
            position: relative;
            left: 5.1rem;
            top: 1rem;
        }
    </style>
    <script>
        var page_cfys_detail_wl = (function($, page_cfys_detail_wl) {

            var cfg_def = {

            }
            page_cfys_detail_wl.init = function(cfg){
                initView();
            }

            function initView(){
                $("body").on('click', '.yscf-btn a', function(){
                    $.pageSwitch.goToUrl('yscf', 'detail');
                })
            }
            return page_cfys_detail_wl;
        })(jQuery, {})
    </script>
</head>
<body>
    <div class="dzxx-box">
        <img src="/static/images/qyfw/dz-icon.png">
        <label>[送货地址]</label>
        <span class="shdz"></span>
    </div>
    <div class="wl-line"></div>
</body>
<script>
    (function () {
        var html = '',result = JSON.parse(sessionStorage.getItem('cfWl'));
        $('.shdz').text(sessionStorage.getItem('shdz'))
        for(var i=(result.length-1);i>=0;i--){
            console.log(i)
            var wl = result[i];
            console.log(wl)
            var str = (wl.ddzt == 1 && '已开具延伸处方筏') || (wl.ddzt == 2 && '已结算收费') ||(wl.ddzt == 3 && '已审方')
                ||(wl.ddzt == '3.1' && '已推送至药企') ||(wl.ddzt == 4 && '药企已接受延伸处方配送订单') ||(wl.ddzt == 5 && '药企已备货完成')
                ||(wl.ddzt == 6 && '药企配送药品已出库') ||(wl.ddzt == 7 && '配送点/客户 已签收');
            var last = (i== (result.length-1))?'wlxx-item-curr':'';
            var time = wl.rq.split(' ')
            html += '<div class="wlxx-item '+last+'">\n' +
                '            <div class="wlsj-box">\n' +
                '                <p class="wlsj-rq">'+time[0]+'</p>\n' +
                '                <p class="wlsj-sj">'+time[1]+'</p>\n' +
                '            </div>\n' +
                '            <img src="/static/images/qyfw/dot-grey.png">\n' +
                '            <div class="wlxx-desc"><span>'+str+'</span></div>\n' +
                '            <div class="wl-linked"></div>\n' +
                '        </div>'
        }
        $('.wl-line').append(html)
    })()
</script>
</html>












